.horizontal-center {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%;
}

.vertical-center {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      width: 100%;
}

.center {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%;
      height: 100%;
}

.home-container {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: -1;
      .flex-container {
            @extend .center;
            .canvas {
                  width: 60rem;
                  height: 60rem;
                  margin-top: -4rem;
            }
      }
}
